﻿<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title>Hai Van Travel</title>
    <script src="Scripts/jquery-1.8.2.js" type="text/javascript"></script>
    <script src="Scripts/jquery-ui-1.8.23.js" type="text/javascript"></script>
    <script src="Scripts/jquery.jscrollpane.js" type="text/javascript"></script>
    <script src="Scripts/jquery.mousewheel.js" type="text/javascript"></script>
    <script src="Scripts/hvt.bootstrap.js" type="text/javascript"></script>
    <link href="Content/reset.css" rel="stylesheet" type="text/css" />
    <link href="Content/bootstrap.css" rel="stylesheet" type="text/css" />
    <link href="Content/themes/base/jquery.ui.all.css" rel="stylesheet" />
    <!--<link href="Content/bootstrap-responsive.css" rel="stylesheet" type="text/css" />-->
    <link href="Content/style.css" rel="stylesheet" type="text/css" />
    <link href="Content/jquery.jscrollpane.css" rel="stylesheet" type="text/css" />
    <!--[if gte IE 9]>
      <style type="text/css">
        .gradient {
           filter: none;
        }
      </style>
    <![endif]-->
</head>
<body class="home">
    <div class="wrapper">
        <header>
            <div class="container">
                <div class="row">
                    <div class="span2 logo">
                        <a href="Index.html">
                            <img src="Content/images/logo.png" alt="Hai Van Travel" />
                        </a>
                    </div>
                    <div class="span14 menu">
                        <div class="span14">
                            <ul class="nav">
                                <li>
                                    <a href="Index.html" style="padding-bottom: 0px; padding-top: 5px;">LOGIN</a>
                                </li>
                                <li>
                                    <div class="select-style">
                                        <select>
                                            <option>Tiếng Việt</option>
                                            <option>English</option>
                                        </select>
                                    </div>
                                </li>
                            </ul>
                        </div>
                        <div class="span14" style="margin-top: 10px">
                            <ul class="nav">
                                <li><a href="Index.html">Trang chủ</a></li>
                                <li>
                                    <img src="Content/images/seperator.png" alt="" /></li>
                                <li><a href="Introduction.html">Giới thiệu</a></li>
                                <li>
                                    <img src="Content/images/seperator.png" alt="" /></li>
                                <li><a href="Service.html">Dịch vụ</a></li>
                                <li>
                                    <img src="Content/images/seperator.png" alt="" /></li>
                                <li><a href="Booking.html">Đặt vé</a></li>
                                <li>
                                    <img src="Content/images/seperator.png" alt="" /></li>
                                <li><a href="News.html">Tin tức</a></li>
                            </ul>
                        </div>
                    </div>
                    <div class="span16" style="background-image: url('/Content/images/top-shadow.png'); height: 6px; margin-left: 0">
                    </div>
                </div>
            </div>
        </header>
        <div class="container main">
            <div class="row">
                <div class="span12 ticket-booking">
                    <div class="widget diagonal-gradiant-brown ">
                        <div class="widget-title linear-gradiant-brown">
                            <div>
                                Thông tin đặt vé
                            </div>
                        </div>
                        <div class="widget-content" style="overflow: hidden">
                            <div class="row">
                                <div class="span7" style="width: 420px; padding: 5px 5px 5px 0">
                                    <input type="radio" value="0" name="ticketType" />Một chiều  &nbsp;  &nbsp;                                    
                                            <input type="radio" value="1" name="ticketType" />Khứ hồi
                                </div>
                                <div class="span4" style="width: 200px; margin-left: 10px; padding: 5px 5px 5px 0; text-align: right">
                                    Trợ giúp
                                </div>
                                <div class="span7" style="margin-left: 10px; width: 420px; border-right: 1px dashed #FFF; border-top: 1px dashed #FFF">
                                    <table>
                                        <tr>
                                            <td>
                                                <ul class="inputs-list">
                                                    <li>ĐIỂM ĐI
                                                    </li>
                                                    <li>
                                                        <input type="text" />
                                                    </li>
                                                    <li>Ngày khởi hành
                                                    </li>
                                                    <li>
                                                        <input type="text" />
                                                    </li>
                                                    <li>Thời gian
                                                    </li>
                                                    <li>
                                                        <input type="text" />
                                                    </li>
                                                    <li>Loại hình giảm giá
                                                    </li>
                                                    <li>
                                                        <input type="text" />
                                                    </li>
                                                </ul>
                                            </td>
                                            <td>
                                                <ul class="inputs-list">
                                                    <li>ĐIỂM ĐẾN
                                                    </li>
                                                    <li>
                                                        <input type="text" />
                                                    </li>
                                                    <li>Ngày về
                                                    </li>
                                                    <li>
                                                        <input type="text" />
                                                    </li>
                                                    <li>Thời gian
                                                    </li>
                                                    <li>
                                                        <input type="text" />
                                                    </li>
                                                    <li>Mã giảm giá
                                                    </li>
                                                    <li>
                                                        <input type="text" />
                                                    </li>
                                                </ul>
                                            </td>
                                        </tr>
                                    </table>
                                </div>
                                <div class="span4" style="width: 220px; margin-left: 10px; border-top: 1px dashed #FFF">
                                    <table>
                                        <tr>
                                            <td style="text-align: left">
                                                <ul class="inputs-list">
                                                    <li style="text-align: left">Người lớn
                                                    </li>
                                                    <li>
                                                        <input type="text" />
                                                    </li>
                                                    <li style="text-align: left">Người già (60+)
                                                    </li>
                                                    <li>
                                                        <input type="text" />
                                                    </li>
                                                    <li style="text-align: left">Trẻ em (2-10)
                                                    </li>
                                                    <li>
                                                        <input type="text" />
                                                    </li>
                                                </ul>
                                            </td>
                                        </tr>
                                    </table>
                                </div>
                            </div>
                            <div class="clearfix"></div>
                        </div>
                        <div class="widget-footer vertical-gradiant-brown">
                            <div class="row">
                                <div class="span4" style="width: 200px">
                                    ĐẶT VÉ QUA ĐIỆN THOẠI
                                </div>
                                <div class="span3" style="margin-left: 10px; width: 200px; border-right: 1px dashed #FFF">
                                    +84 4 3 888 6666
                                </div>
                                <div class="span4" style="text-transform: none; width: 230px; margin-left: 10px">
                                    Thông tin đặc biệt cho khách hàng đi du lịch với trẻ em và khách hàng khuyết tật
                                </div>
                                <div class="clearfix"></div>
                            </div>

                        </div>
                    </div>
                </div>
                <div class="span4 login">
                    <div class="widget linear-gradiant-gray">
                        <div class="widget-title">
                            Đăng nhập
                        </div>
                        <div class="widget-content diagonal-gradiant-gray">
                            <p>
                                Đăng nhập trước khi đặt phòng để nhận Điểm thưởng Road
                            </p>
                            <ul class="inputs-list">
                                <li>Email Address or Member ID</li>
                                <li>
                                    <input type="text" /></li>
                                <li>Password</li>
                                <li>
                                    <input type="password" /></li>
                                <li><a href="#">Bạn quên mật khẩu?</a></li>
                                <li class="command-panel">
                                    <input type="button" value="Đăng nhập" class="button diagonal-gradiant-brown" /></li>
                            </ul>
                            <div class="clearfix">
                            </div>
                        </div>
                        <div class="widget-footer linear-gradiant-gray">
                            <a href="#">Bạn chưa là thành viên?</a><br />
                            <a href="#">Tìm hiểu về những lợi ích</a>
                            <div class="clearfix"></div>
                        </div>
                        <div class="clearfix"></div>
                    </div>
                </div>
                <div class="service">
                    <div class="span4">
                        <div class="widget">
                            <div class="widget-title diagonal-gradiant-brown">
                                / Vận chuyển hành khách công cộng
                            </div>
                            <div class="widget-content">
                                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed sed ante est, id vehicula sapien.
                            </div>
                            <div class="widget-footer">
                                <a href="#" class="link-button diagonal-gradiant-brown">Xem thêm</a>
                            </div>
                        </div>
                    </div>
                    <div class="span4">
                        <div class="widget">
                            <div class="widget-title diagonal-gradiant-brown">
                                / Vận chuyển hành khách theo tuyến cố định
                            </div>
                            <div class="widget-content">
                                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed sed ante est, id vehicula sapien.                            
                            </div>
                            <div class="widget-footer">
                                <a href="#" class="link-button diagonal-gradiant-brown">Xem thêm</a>
                            </div>
                        </div>
                    </div>
                    <div class="span4">
                        <div class="widget">
                            <div class="widget-title diagonal-gradiant-brown">
                                / Vận chuyển khách du lịch
                            </div>
                            <div class="widget-content">
                                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed sed ante est, id vehicula sapien.
                            </div>
                            <div class="widget-footer">
                                <a href="#" class="link-button diagonal-gradiant-brown">Xem thêm</a>
                            </div>
                        </div>
                    </div>
                    <div class="span4">
                        <div class="widget">
                            <div class="widget-title diagonal-gradiant-brown">
                                / Chuyển phát nhanh
                            </div>
                            <div class="widget-content">
                                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed sed ante est, id vehicula sapien.
                            </div>
                            <div class="widget-footer">
                                <a href="#" class="link-button diagonal-gradiant-brown">Xem thêm</a>
                            </div>
                        </div>
                    </div>
                    <div class="clearfix"></div>
                </div>
            </div>
        </div>
        <footer>
            <div class="container">
                <div class="row">
                    <div class="span16 sitemap">
                        <a href="Index.html">/Trang chủ</a>
                        <a href="Introduction.html">/Giới thiệu</a>
                        <a href="Service.html">/Dịch vụ</a>
                        <a href="Booking.html">/Đặt vé</a>
                        <a href="News.html">/Tin tức</a>
                    </div>
                </div>
            </div>
            <div style="width: 100%; background-color: #E7DEB3; height: 60px;">
                2012 Rule of Three Communications Limited            
            </div>
        </footer>
    </div>
</body>
</html>
